<template>
  <el-backtop :bottom="100">
    <div class="backtop-view">
      <img src="~/assets/images/layouts/footer/backtop.png" class="backtop-view-img" alt="" />
      <span>回到顶部</span>
    </div>
  </el-backtop>
  <!-- <footer class="footer-box">
    <el-row :gutter="20">
      <el-col :lg="14" :xs="24" :sm="24" :md="24">
        <el-row>
          <el-col :span="24"><h1 class="footer-title">友情链接</h1></el-col>
        </el-row>
        <el-row :gutter="20" class="footer-link-box">
          <el-col
            :span="6"
            :xs="12"
            class="footer-link"
            v-for="(item, index) in linkData"
            :key="index"
          >
            <NuxtLink :to="item.url" target="_blank">{{ item.name }}</NuxtLink>
          </el-col>
        </el-row>
      </el-col>
      <el-col :lg="10" :xs="24" :sm="24" :md="24">
        <el-row>
          <el-col :span="24"><h1 class="footer-title">联系我们</h1></el-col>
        </el-row>
        <el-row>
          <el-col :span="12" :xs="24" class="footer-right">
            <div class="footer-img-box">
              <Image :url="configInfoData.gzh_image_to.http_url" class="footer-img"></Image>
            </div>
            <span class="footer-img-name">公众号</span>
          </el-col>
          <el-col :span="12" :xs="24" class="footer-right">
            <div class="footer-img-box">
              <Image :url="configInfoData.wx_image_to.http_url" class="footer-img"></Image>
            </div>
            <span class="footer-img-name">微信</span>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </footer> -->
  <footer class="foot-code">
    <span>Copyright 2020-{{ new Date().getFullYear() }}</span>
    <NuxtLink to="/" alt="">All Rights Reserved {{ configInfoData.statement }}</NuxtLink>
    <NuxtLink to="https://beian.miit.gov.cn/" target="_blank" alt="">{{
      configInfoData.icp
    }}</NuxtLink>
  </footer>
</template>
<script lang="ts" setup>
// const linkData = useLinkData();
const configInfoData = useConfig();
</script>
<style lang="less" scoped>
@import './index.less';
</style>
